B端运营类产品的重构思考 - 红星任务首页改版总结
贝壳平台连接百万经纪人，经纪人既是需要被管理的员工，同时也是平台运营服务的B端核心用户。
从管理员工层面，大多数的公司都是梯型组织架构，平台信息通过分发任务，仍然主要通过线下为主，依赖一些固定人员通过人肉拉群等形式去推动经纪人的工作效率，所以，需要在平台建立直接触达经纪人的渠道，以减少人力的成本。
从服务用户的角度，平台服务经纪人，不仅仅是帮助他们提升工作效率，也需要快速将信息触达店东、经纪人等各一线作业角色的业务，包括行业新定规则的传达、城市作业指标的推动完成、运营者通过组织活动推动经纪人作业的积极性。对经纪人来说，信息量爆炸，所以通过平台能够将信息有效准确的触达到经纪人，也是目前重要的任务之一。
图1 产品背景描述
现状分析
红星任务中心是贝壳平台B端运营线上分发任务的核心场景，想要加强线上分发信息的触达渠道，红星任务是目前最为有效的产品通道之一。而早期红星任务中心功能比较单一，只是自渠的简单任务分发。平台缺少核心的容器做为信息的集合窗口，红星中心逐渐成为所谓的信息容器，成为连接B端信息运营者与经纪人的重要渠道，平台集团、城市管理等都会通过任务中心向经纪人分发信息任务。
为了提升整体运营信息触达效率，平台业务方、业务线开始发展各种信息活动、任务、角色认证等信息任务方式。所以，伴随着业务的不断增长，越来越多的功能使得产品变得更加复杂，旧版的首页框架布局早已是不堪重负，无论是现存的体验优化问题，还是业务功能的扩展问题，旧的框架体系都是难以为继，无法继续通过简单的修补来满足业务和B端用户未来的诉求。同时，我们对目前各个渠道下达任务的后台做了调研，后台对业务方下发任务的规范不严谨，导致前台产品在显示层，任务文案描述无规范不清晰、不同类型任务混杂无区分。
图2 产品现状分析
明确改版
及对应目标
基于现状分析，对于红星任务中心的改版升级，最终目的是能够成为整个平台运营的核心场景，成为未来任务信息的集合口。权衡改版的成本及时间，经过沟通讨论，采用分阶段的方式进行。
红星任务中心首页既做为承载核心功能（运营下发任务）的载体又是其他业务板块集合分发任务的入口，信息量越来越大，无论是在内容承载能力、信息展示规范，或者是信息的触达感知上，都存在很大的体验提升空间。
图3 信息分发示意
通过与产品的深入讨论，以及对体验本身的调研，结合用户诉求，对首页的改版目标从三个方面达成一致：
对平台/城市等业务方、运营方：
对任务信息的下发更加规范、合理，统一下发渠道；
对产品（红星）：
加强框架的拓展性，提升任务的触达率及完成率；
对用户（经纪人）：
提升整体使用体验，使信息触达更加清晰、简洁；
总之，最终的目标是，以提升效率和体验为目标，保障业务强拓展能力，提供灵活统一的任务分发平台。
聚焦核心诉求
提升首页体验
1. 首页框架具备业务拓展能力
在旧版的首页框架中，所有任务信息均平铺在首页呈现，功能信息杂乱分散，重点信息难以查找，信息层级不分明的架构，严重影响了经纪人的体验。随着业务模式不断扩展，首页新需求类型逐渐增多，一套具备灵活的拓展能力和管理能力的首页框架尤为重要。
优化之前，我们对旧版的首页打破重建，将现有任务从难易程度、完成方式、任务类型上进行整理，把任务类型相似的部分进行合并抽象，在排序与展示上结合考虑任务的难易程度及业务类型，做权重分析。
图4 任务类型分解
新的框架设计，首先在空间上更加突出任务，缩小原有顶部的无用空间，更加突出做任务的氛围。其次，从任务类型上考虑做明确的模块划分，顶替原有的全量任务堆砌。
对任务类型，从模块上区分为三大类，其中包括：
1）角色认证类为代表的长线任务，这种任务区别于其他任务，是长期存在的、短期内无法一次性完成的故事线任务，设计上，对于这种任务做包装处理，容易打造角色感知。
2）活动类为代表的营销类任务，这种任务区别于单个任务完成后不再出现，是周期性存在、有比赛有营销性质的活动比赛型任务，设计上，对于这种任务需要强调塑造营销活动氛围，吸引用户参加。
3）常规的日常类任务，这种任务完成方式多、难易程度不一，需要简洁明了的告诉用户“这是什么任务，怎么完成”。
图5 框架改版对比
2. 规范化、标签化信息展示，放大激励
在框架重构的基础上，解决了信息承载压力大的问题，同时让各个模块的信息展示更加简洁、清晰。除此之外，查看并完成任务是红星首页最核心的功能，通过专家走查可以发现，因为业务方和运营方在配置任务时，无规范无限制，导致经纪人接受任务的页面中存在任务表述不清晰、任务类型感知弱等问题，对经纪人接收任务和感知体验造成了比较大的困惑。
因此在首页框架改版的同时，对单个任务的展示也做了分析优化。主要优化点：
规范任务标题表述：表述时固定句式，例如，主标题固定为“任务完成方式+完成动作”，副标题为“任务相关内容说明”，辅助信息如“奖励说明、规则说明”。
业务所属类型标签化：对任务进行明确归类，并且标签化，通过视觉直接感知“是关于什么的任务”。
强化按钮描述：按钮文案突出核心功能，进一步明确指引要完成的动作。
强化奖励状态：对已完成任务的奖励领取，突出显示，放大用户利益激励。
通过规范的描述、标签式分类管理，降低经纪人对任务的理解成本，让经纪人简答、快速的了解任务信息，间接提升了任务的触达率和完成度。
图6 单个任务展示改版对比
3. 视觉语言体系
从视觉角度看，原有的红星任务类型繁杂，混乱无差异化，功能区域划分不明显，对于不同的任务类型，表现形式过于单一，经纪人在使用的同时容易造成视觉疲劳，同时缺少一定的活动氛围及沉浸感，沉闷的页面视觉效果吸引力弱，无法很好的激励经纪人去主动触发并完成任务。针对以上问题，重构视觉体系分别从“游戏趣味”和“信息效率”两个维度展开设计，让用户发现产品使用过程中的乐趣，吸引和激励用户完成目标。
图7 视觉升级目标
3.1 游戏趣味
红星任务的使用人群为大量的经纪人群体，且任务中心分发了各类活动，因此在设计风格的定位上，我们推翻传统B端沉稳严肃的视觉风格，将改版的基调定位在C端调性上，通过轻量化的卡片风格和明亮的色彩对比，给经纪人营造良好的活动氛围。同时融入游戏化设计元素，将游戏的核心特质引渡到应用里，包括沉浸、情感、趣味等，利用趣味化的视觉表现样式去激励经纪人完成各种任务，从而提升其活跃度和使用黏性。
图8 视觉基调定位
首页整体风格以扁平化为主，轻量简洁、信息视觉轻松，利用深浅色块，将基础信息与任务活动进行区域划分。头部的角色区域采用大圆角卡片式设计，保持浏览的连贯性、提升产品友好度、增加沉浸感，且圆角卡片具有良好的内指向性，更突显卡片中的内容信息。
针对特殊角色，设计以游戏化八角行为分析中的“进步&成就”原则为思路，在“门店运营官”卡片中采用进度条样式，利用半透明气泡展示经纪人当前阶段下的任务量及总量；
横滑式卡片采用“解锁”的方式，将经纪人角色做游戏化处理，通过点击解锁查看更多角色，抓住用户的求知心理，从而提升其互动参与感。
在色彩处理上，角色卡片采用明度较高的橙黄色、海蓝色及浅灰色，整体用色规整但不失对比，使得整个页面氛围感更强。
3.2 信息效率
作为红星首页，设计的核心目标是提升信息的分发效率、任务的触达率和完成度，因此，如何将不同类型的任务通过视觉形式表达清楚是尤为重要的。任务类型的设计采用icon，圆形实心icon在视觉风格和大小上保持了一致性，面积大能够做到吸引眼球，具有一定的视觉引导性，且图形化表现手法更加贴合经纪人认知，能够提升信息识别度及获取效率。
图9 任务区视觉效果
首页承载任务种类繁杂，为了明确区分任务类型，在视觉上需要对普通任务及任务组做差异化处理。普通任务采用左右布局结构，icon居左，主打视觉聚焦，帮助经纪人快速识别任务类型及操作区域；中间突出内容及奖励信息，加粗标题具有较强的视觉引导性，符合app端浏览路径；高明度色彩的操作button放置右侧，可以刺激经纪人触发任务，且可点击区域范围适合。
对于任务组而言，设计的要点在于任务的融合感与区别化，因此主任务沿用普通样式，保证整体性，降低视觉跳点；子任务利用浅灰色背景单独划分，并利用字号大小和操作button样式的差异，在视觉上拉开差距，使得任务组具有一定的独立感的同时延续了元素的统一。
结语
作为B端运营中台的搭建，红星任务中心的重构只是打造信息通路大方向下的第一步，其中的首页改版也只是一个开始。
B端运营产品不同于C端，C端的用户属性相对单一，无非参照AARRR的海盗法则；而对于B端运营产品，首要考虑的是满足业务需求，通过业务需求间接满足用户需求，其中专业性和复杂度要求更高。我们希望通过不断的打磨优化，秉持初心，未来为运营者提供稳定可拓展的平台，为经纪人提供有C端体验的产品。
- E N D -
贝壳原生高潜ADC一枚，
目前主要负责运营中台、数据中台等业务，
喜欢深入业务探索设计，希望因设计创造价值。
负责好赞好房及运营中台等业务方向
喜欢看展和旅行，坚信只有抛开为自己设下的边界线、
努力探索，才能看到更美的风景～
感觉好看就点个 在看 👇